import React from 'react';
interface Props { }
function Map(props: Props) {
    return (
        <div>
            <div className='map'>
                <iframe width={800} height={580} title='地图' src="https://cn.bing.com/maps/embed?h=800&w=800&cp=pq6xfpt24gqh&lvl=10&typ=d&sty=r&src=SHELL&FORM=MBEDV8" scrolling="no">
                </iframe>
                <div style={{ whiteSpace: 'nowrap', textAlign: 'center', width: 800, padding: '6 0' }}>
                    <a id="largeMapLink" target="blank" href=" ">查看放大的地图</ a> &nbsp; | &nbsp;
                    <a id="dirMapLink" target="blank" href="https://cn.bing.com/maps/directions?cp=pq6xfpt24gqh&amp;sty=r&amp;lvl=10&amp;rtp=~pos.pq6xfp_t24gqh____&amp;FORM=MBEDLD">获取路线</ a>
                </div>
            </div>
        </div>
    );
}

export default Map;